<template>
  <view>
    <view>
      <img style="width: 100%" src="http://hyxs.ychlkj.cn/uploads/20231222/62a9ca763651825cb02b3d7d669669f8.png"  />
    </view>
    <view style="background: #fff;position: relative;top: -300px;margin: 2px 36px;border-radius: 16px;box-shadow: -1px 2px 5px 1px #a1a1a1;">
      <view style="font-size: 15px;text-align: center;padding-top: 20px">邀请口令</view>
      <view style="font-size: 30px;color: #f72405;text-align: center;padding-top: 4px">000000</view>
      <view style="height: 1px;width: 80%;background: #bebebe;margin: 12px auto"></view>
      <view style="text-align: center">
        <img style="width: 180px;height: 180px" src="http://hyxs.ychlkj.cn/uploads/20231222/fef773ef8d3fc448cfe90df93a3179f6.png">
      </view>
      <view style="font-size: 14px;text-align: center">长按识别二维码下载APP</view>
      <view style="display: flex;justify-content: space-around;margin: 8px auto;width: 80%">
        <view style="background: #868686;color: #fff;border-radius: 4px;width: 100px;text-align: center;padding: 4px;font-size: 18px">复制口令</view>
        <view style="background: #e8572b;color: #fff;border-radius: 4px;width: 100px;text-align: center;padding: 4px;font-size: 18px">保存图片</view>
      </view>
      <view style="color: #ea3f28;font-size: 24px;text-align: center;padding: 15px">当前已邀请1人</view>
    </view>

    <view style="background: #fff;position: relative;top: -280px;
    margin: 2px 36px;border-radius: 16px;box-shadow: -1px 2px 5px 1px #a1a1a1;">
      <view style="display: flex;justify-content: center;align-items: center">
        <view style="">填写邀请码：</view>
        <input type="text" placeholder="请输入邀请码" style="width: 50%;height: 40px;border-bottom: 1px solid #bebebe;margin: 12px 0 ;padding: 0;font-size: 18px;color: #333;text-align: center" />
      </view>
    </view>

  </view>
</template>

<script>
export default {
  name: "invite",
  data() {
    return {

    }
  },
  onLoad() {

  },
  onShow() {

  },
  methods: {

  }
}
</script>

<style scoped>

</style>
